<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>html块级元素与行内元素</title>
</head>

<body>
    <!-- 块级元素， 特点：独占一行 -->
    <!-- <marquee>懒洋洋</marquee>
    <marquee>懒洋洋</marquee>
    <h1>懒洋洋</h1>
    <h1>懒洋洋</h1>
    <p>懒洋洋</p>
    <p>懒洋洋</p>
    <div>懒洋洋</div>
    <div>懒洋洋</div> -->

    <!-- 行内元素, 特点： 不独占一行 -->
    <!-- <input type="text">
    <input type="text">
    <span>懒洋洋</span>
    <span>懒洋洋</span> -->

    <!-- 规则1: 块级元素中能写: 行内元素、块级元素 (几乎什么都能写) -->
    <!-- <div>
        <span>懒洋洋</span>
        <input type="text">
        <div>懒洋洋</div>
    </div> -->

    <!-- 规则2: 行内元素中能写: 行内元素，但不能写: 块级元素 -->
    <!-- <span>
        <span>懒洋洋1</span>
        <input type="text">
        <span>懒洋洋2</span>
    </span>
    <span>懒洋洋4</span> -->

    <!-- 特殊规则: h1-h6不能互相嵌套 -->
    <!-- <h1>
        懒洋洋1
        <h2>懒洋洋2</h2>
    </h1> -->

    <!-- 特殊规则: p不能嵌套块级元素 -->
    <p>
        <!-- marquee 标签已过时, 不在使用 -->
        <marquee>懒洋洋</marquee>
    </p>
</body>

</html>